<template>
  <el-dialog
    title="详情"
    :close-on-click-modal="false"
    :visible.sync="visible"
    width="60%">
<!--    <el-checkbox v-for="item in list" :label="item.disStatus"  :key="item.name" v-model="item.checked" @change="change(item)">{{item.name}}</el-checkbox>-->
    <el-checkbox v-model="statusForm.cateChecked" @change="cateChange">所属分类</el-checkbox>
    <el-checkbox v-model="statusForm.purchaseChecked" @change="cateChange">购买时间</el-checkbox>
    <el-checkbox v-model="statusForm.speciChecked"  @change="cateChange">规格型号</el-checkbox>
    <el-checkbox v-model="statusForm.usageChecked" @change="cateChange">使用时间</el-checkbox>
    <el-checkbox v-model="statusForm.useCompanyChecked" @change="cateChange">使用单位</el-checkbox>
<!--    <span slot="footer" class="dialog-footer">-->
<!--      <el-button @click="visible = false">取消</el-button>-->
<!--      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>-->
<!--    </span>-->
  </el-dialog>
</template>

<script>
  export default {
    data () {
      return {
        visible: false,
        statusList: [],
        statusForm: {
          cateChecked: false,
          purchaseChecked: false,
          speciChecked: false,
          usageChecked: false,
          useCompanyChecked: false
        }
      }
    },
    methods: {
      open() {
        // this.$cookie.get('cateChecked')
        // this.statusForm.cateChecked = this.$cookie.get('cateChecked')
        this.visible = true
      },
      cateChange(val) {
        // if (val === true) {
        //   this.statusForm.cateChecked = true
        // } else {
        //   this.statusForm.cateChecked = false
        // }
        this.$emit('func', this.statusForm)
      }
      // dataFormSubmit() {
      //   this.visible = false
      //   this.$emit('func', this.statusForm)
      // }
    }
  }
</script>

<style scoped>

</style>
